<template>
  <div>
    <h1>This is About Pages</h1>
    
    <!-- a 链接 会刷新导航，走服务端渲染 -->
    <h2>a 链接</h2>
    <a href="/">Home</a>

    <!-- router-link 导航链接组件 -->
    <h2>router-link</h2>
    <nuxt-link to="/">Home</nuxt-link>

    <!-- 编程式导航 -->
    <h2>编程式导航</h2>
    <button @click="onGoHome">Home</button>
  </div>
</template>
<script>
export default {
  name: 'AboutPage',
  layout: 'foo',
  methods: {
    onGoHome(){
      this.$router.push('/')
    }
  },
}
</script>